<template>
	<view>
		<web-view  src="https://www.chain-pay.cn/zp_registration.htm"></web-view>
	</view>
</template>

<script>
import {appletImgUrl,zpImgUrl} from "@/common/config.js"
	import {mapState,mapMutations} from 'vuex'
	export default {
		data() {
			return {
				appletImgUrl:appletImgUrl,
				zpImgUrl:zpImgUrl,
				phone: '',
				phoneFocus: false,
				passwordFocus: false,
				smsCode: '',
				time: 60,
				password:""
			};
		},
	
		onLoad(options) {
			this.scene = options.scene
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.submit {
		margin: 0 auto;
		width: 108rpx;
		margin-top: 190rpx;
		height: 108rpx;
		border-radius: 50%;
		background: linear-gradient(-90deg, #FF3868, #FC6161);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.form {
		width: 500rpx;
		margin: 0 auto;
		padding-top: 80rpx;

		.item {
			background-color: #EEEEEE;
			// padding: 0 30rpx;
			margin-top: 50rpx;
			border-radius: 40px;
			display: flex;
			align-items: center;
			padding-left: 30rpx;

			&.phone {
				background: linear-gradient(90deg, #FF3768, #FC6161);
				color: #FFFFFF;
				font-size: 28rpx;
				display: flex;
				align-items: center;
				// line-height: 80rpx;
				height: 80rpx;

				text {
					margin-left: 15rpx;
				}

				justify-content: center;
			}

			u-input {
				flex: 1;
			}

			button {
				background: none;
				padding: 0 30rpx;
				height: auto;
				line-height: normal;

				// padding-left: 30rpx;
				&::after {
					border: none;
				}
			}

			.code {
				color: #F39A15;
				font-size: 28rpx;
				border-left: 1rpx solid #F39A15;
				padding: 0 30rpx;
				margin-left: 20rpx;

			}

			&.btn-item {
				margin-top: 30rpx;

				.btn {
					font-size: 28rpx;
				}

				display: flex;
				justify-content: space-between;
				align-items: center;
				background: none;
			}
		}
	}

	.logo {
		display: flex;
		justify-content: center;
		padding-top: 70rpx;
	}

	.logo-name {
		font-size: 36rpx;
		text-align: center;
		margin-top: 30rpx;
	}
</style>
